/*
*  author: AUI
*  home.css
*  http://azenui.com/
*  http://a-ui.cn/
*/
body{
	padding:0;
	margin:0;
}

.aui-he{
	height:10px;
	width:100%;
	background:#f5f5f5;
}
.t-line {
	position: relative;
}
.t-line:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid rgba(207, 207, 207, 0.95);
	color: rgba(207, 207, 207, 0.95);
	transform-origin: 0 0;
	transform: scaleY(0.501);
}
.r-line {
	position: relative;
}
.r-line:before {
	content: " ";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	border-right: 1px solid rgba(207, 207, 207, 0.95);
	color: rgba(207, 207, 207, 0.95);
	transform-origin: 100% 0;
	transform: scaleX(0.5);
}
.b-line {
	position: relative;
}
.b-line:before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid rgba(207, 207, 207, 0.95);
	color: rgba(207, 207, 207, 0.95);
	transform-origin: 0 100%;
	transform: scaleY(0.501);
}
.l-line {
	position: relative;
}
.l-line:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	border-left: 1px solid rgba(207, 207, 207, 0.95);
	color: rgba(207, 207, 207, 0.95);
	transform-origin: 0 0;
	transform: scaleX(0.501);
}
.box-line {
	position: relative;
}
.box-line:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 200%;
	border: 1px solid rgba(207, 207, 207, 0.95);
	border-radius: 0;
	color: rgba(207, 207, 207, 0.95);
	transform-origin: 0 0;
	transform: scale(0.501);
}
.aui-middle-dome{
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	margin: 0px 15px;
}
.aui-middle-dome-a{
	display: block;
	position: relative;
	font-size: 0px;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
	-webkit-touch-callout: none;
	padding: 10px 0px;
}
.aui-middle-dome-title{
	display: inline-block;
	width: 67%;
	vertical-align: middle;
}
.aui-middle-dome-title h3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 22px;
	margin-right: 15px;
	font-size: 16px;
	font-weight: normal;
	color: #222;
	max-height: 100%;
	text-align:left;
	margin-bottom:0;
	padding-bottom:0;
	margin-top:0;
}
.aui-top{
	width: 30px;
	margin-right: 10px;
	color: #f85959;
	vertical-align: middle;
	display: inline-block;
	font-size: 12px;
	text-align: center;
	border-radius: 2px;
}
.aui-middle-dome-text{
	color: #999;
	font-size: 0;
	margin-top: 12px;
}
.aui-title{
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-size:12px;
	padding-right:10px;
}
.aui-middle-dome-img{
	position: relative;
	background: url(//s3b.pstatp.com/growth/mobile_list/image/toutiaoicon_loading_textpage@3x_f7c130ce.png) #efefef no-repeat center center;
	background-size: 50%;
	overflow: hidden;
	width: 33%;
	display: inline-block;
	vertical-align: middle;
}
.aui-middle-dome-img img{
	border: none;
	display: block;
	width: 100%;
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity ease .3s;
	pointer-events: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	text-decoration: none;
}
.aui-middle-dome:before{
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #D9D9D9;
	color: #D9D9D9;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
}
.aui-middle-dome-text div span{
	float:left;
}
.aui-comment{
	color: #999;
	display: inline-block;
	vertical-align: middle;
	font-size:12px;
	padding-left:10px;
}
.b-line {
	position: relative;
}
.b-line:before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid rgba(207, 207, 207, 0.95);
	color: rgba(207, 207, 207, 0.95);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.501);
	transform: scaleY(0.501);
}
.box-line {
	position: relative;
}
.box-line:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 200%;
	border: 1px solid rgba(248, 89, 89, 0.95);
	border-radius: 0;
	color: rgba(2248, 89, 89, 0.95);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.501);
	transform: scale(0.501);
}
.aui-middle-dome-list{
	padding-top:10px;
}
.aui-middle-dome-list ul li{
	display: inline-block;
	overflow: hidden;
	width: 33.3%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-right: 2px;
}
.aui-middle-dome-list ul{
	margin:0;
	padding:0;
}
.aui-middle-dome-list ul li img{
	border: none;
	display: block;
	width: 100%;
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity ease .3s;
	pointer-events: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	text-decoration: none;
}
.aui-middle-dome-list-box h3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 22px;
	margin-right: 15px;
	font-size: 16px;
	font-weight: normal;
	color: #222;
	max-height: 100%;
	text-align:left;
	margin-bottom:0;
	padding-bottom:0px;
	margin-top:0;
}
.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
}

.aui-header{
	display: block;
	z-index: 999;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width:100%;

}
.aui-header-box{
	background: #d43d3d;
	height:44px;
	padding:0 15px;
}
.aui-header-logo{
	width:100px;
	float:left;
}
.aui-header-logo a{
	display:block;
}
.aui-header-logo img{
	width:100%;
	height:100%;
	display:block;
	border:none;
}



.aui-title-h3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 22px;
	margin-right: 15px;
	font-size: 16px;
	font-weight: normal;
	color: #222;
	max-height: 100%;
	text-align:left;
	margin-bottom:0;
	margin-top:0;
}
.aui-title-img {
	width:100%;
	padding-top:10px;
	position:relative;
}
.aui-title-img img{
	width:100%;
	height:100%;
	display:block;
	border:none;
}
.aui-title-text span{
	color:#999;
	display:block;
	font-size:12px;
	float:left;
	padding-top:10px;
	vertical-align: middle;
	padding-right:10px;
}
.aui-title-text .aui-zan{
	float:right;
}
.aui-title-text .aui-lun{
	float:right;
}
/* icon css */
.aui-zan i {
	background-image: url('');
	background-repeat:no-repeat;
	background-size:16px;
	width:16px;
	height:16px;
	display:inline-block;
	float:left;
	margin-right:2px;
}
.aui-lun i{
	background-image: url('');
	background-repeat:no-repeat;
	background-size:16px;
	width:16px;
	height:16px;
	display:inline-block;
	float:left;
	margin-right:2px;
}

.aui-title-vio{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-image: url('');

	background-position:center center;
	background-repeat:no-repeat;
	background-size: 50px;
}

/*导航栏*/
.aui-bar {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	min-height: 2.25rem;
	font-size: 0.9rem;
	text-align: center;
	display: table;
}
.aui-bar-nav {
	top: 0;
	line-height: 2.25rem;
	background-color: #f34347;
	color: #ffffff;
}
.aui-title a {
	color: inherit;
}
.aui-bar-nav .aui-title {
	font-size:16px;
	min-height: 2.25rem;
	line-height: 2.25rem;
	position: absolute;
	margin: 0;
	text-align: center;
	white-space: nowrap;
	right: 5rem;
	left: 5rem;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 2;
}
.aui-bar-nav a {
	color: #ffffff;
}
.aui-bar-nav .aui-iconfont {
	position: relative;
	z-index: 20;
	font-size: 0.9rem;
	color: #ffffff;
	font-weight: 400;
	line-height: 2.25rem;
}
.aui-bar-nav .aui-pull-left {
	padding: 0 0.5rem;
	font-size: 0.8rem;
	font-weight: 400;
	z-index: 2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.aui-bar-nav .aui-pull-right {
	padding: 0 0.5rem;
	font-size: 0.8rem;
	font-weight: 400;
	z-index: 2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.aui-bar-nav .aui-btn {
	position: relative;
	z-index: 20;
	height: 2.25rem;
	line-height: 2.25rem;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	border-radius: 0.1rem;
	border-width: 0;
	background: transparent !important;
}
.aui-bar-nav .aui-btn.aui-btn-outlined {
	position: relative;
	padding: 0 0.15rem;
	margin: 0.5rem;
	height: 1.25rem;
	line-height: 1.25rem;
	border-width: 1px;
	background: transparent !important;
	border-color: #ffffff;
}
.aui-bar-nav .aui-btn:active {
	background: none;
}
.aui-bar-nav .aui-btn .aui-iconfont {
	font-size: 0.9rem;
	line-height: 1.25rem;
	padding: 0;
	margin: 0;
	color: #ffffff;
}
.aui-bar-light {
	color: #03a9f4;
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
}
.aui-bar-nav.aui-bar-light .aui-iconfont {
	color: #fff;
}
.aui-bar-nav.aui-bar-light .aui-btn-outlined {
	border-color: #03a9f4;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
	.aui-bar.aui-bar-light {
		border: none;
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: bottom;
		background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
		background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
	}
}

/*对齐,显示，隐藏等*/
.aui-pull-right {
	float: right !important;
}
.aui-pull-left {
	float: left !important;
}
.aui-hide {
	display: none !important;
}
.aui-show {
	display: block !important;
}
.aui-invisible {
	visibility: hidden;
}
.aui-inline {
	display: inline-block;
	vertical-align: top;
}



.aui-main{
	padding-top:45px;
	padding-bottom:50px;
}

.article {
	padding-top: 15px;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
}


.padding-side {
	padding-left: 14px;
	padding-right: 14px;
}
.article-title{
	color: #000;
	font-size: 22px;
	line-height: 1.45;
	font-weight: 600;
}
.article-content p{
	word-wrap: break-word;
	color: #000;
	margin-top: 16px;
	font-size: 14px;
	line-height: 25px;
}
.article-content p img{
	width: 100%;
	display: block;
	-webkit-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	opacity: 1;
}

.aui-bar-tab-item a{
	color:#666;
}
.aui-active a{
	color:#f85959;
}


.aui-header-sou span i{
	color:#fff;
	font-size:18px;
	font-weight:600;
}

.aui-search{
	padding:20px;
}

.aui-search-box h3 {
	color:#999;
	font-size:14px;
	padding-bottom:10px;
}

.aui-search-box ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-height:38px;

}
.aui-search-box ul li em{
	color:#999;
	font-size:12px;
	padding-right:4px;
}
.aui-search-box ul li a{
	color:#222;
	font-size:12px;
}

.aui-bg-like{
	background:#EF4F4F;
	width:140px;
	padding:5px 0;
	border-radius:2px;
	margin:0 auto;
	color:#fff;
	text-align:center;
	margin-bottom:20px;
}

.aui-share-icon{
	width:140px;
	margin:0 auto;
}

.aui-share-icon ul li{
	width:33.33%;
	float:left;
	text-align:center;
}

.aui-share-icon ul li i{
	color:#2fdb37;
	font-size:23px;
	border: 1px solid;
	border-radius: 50%;
	padding: 4px;
}
.aui-share-line{
	position:relative;
}
.aui-share-line h2{
	font-size:12px;
	position:absolute;
	left:28%;
	top:-10px;
	background:#fff;
	padding:0 10px;
	color:#999;
}
.aui-card-list-header h3{
	font-size:12px;
	color:#666;
}

.aui-content-size .aui-grid .aui-grid-label{
	font-size:12px;
	color:#666;
	margin-top:0;
}
.aui-content-size .aui-grid .aui-col-xs-3 i{
	font-size:18px;
}

.aui-content-size .aui-grid .aui-col-xs-3 {
	padding: 4px 0;
}
.size-color div {
	color:#888;
}
.size-color div .aui-iconfont{
	color:#888;
}

.aui-list .aui-list-item a{
	width:100%;
	display: flex;
}
.aui-clear-cl {
	text-align:center;
}
.aui-clear-cl1{
	color:#fff;
	font-size:12px;
}
.aui-clear-cl .aui-col-xs-4 div{
	color:#fff;
}

.aui-clear-cl .aui-col-xs-4{
	padding:5px 0;
}

.aui-list .aui-black{
	color:#222;
}